<template>
  <div>
    <TabBar :items='tabList'  @getIndex="getIndex"></TabBar>
    <tabContent :list='currentList'></tabContent>
  </div>
</template>

<script>
import TabBar from '../../../components/TabBar'
import tabContent from '../../../components/tabContent'

export default {
  name: 'fundInfo',
  data () {
    return {
      currentIndex: '',
      active: 0,
      currentList: [],
      tabList: [
        {name: 1, label: '项目基本信息'},
        {name: 2, label: 'LP条款'},
        {name: 3, label: '资金结构'},
        {name: 4, label: '项目来源信息'},
        {name: 5, label: '项目成员'},
        {name: 6, label: '关联项目清单'}
      ],
      tabConent: [
        {
          type: 'tab1',
          view: 'Tab1',
          contentList: [
            {
              'title': '项目基本信息',
              children: [
                {'title': '项目编号11111111111', 'content': 'p123456789'},
                {'title': '项目名称', 'content': 'XXXXXX'},
                {'title': '项目类型', 'content': 'XXXXXX'},
                {'title': '标的公司名称', 'content': 'XXXXXX'},
                {'title': '登记人', 'content': '张三'},
                {'title': '登记日期', 'content': '2020-01-01'}
              ]
            },
            {
              'title': '项目信息2',
              children: [
                {'title': '项目编号', 'content': 'p678987654'},
                {'title': '项目名称', 'content': 'XXXXXX'},
                {'title': '项目类型', 'content': 'XXXXXX'},
                {'title': '标的公司名称', 'content': 'XXXXXX'},
                {'title': '登记人', 'content': '李四'},
                {'title': '登记日期', 'content': '2020-01-04'}
              ]
            }
          ]
        },
        {
          type: 'tab2',
          view: 'Tab2',
          contentList: [
            {
              'title': '项目基本信息',
              children: [
                {'title': '项目编号22222222222222222', 'content': 'p123456789'},
                {'title': '项目名称', 'content': 'XXXXXX'},
                {'title': '项目类型', 'content': 'XXXXXX'},
                {'title': '标的公司名称', 'content': 'XXXXXX'},
                {'title': '登记人', 'content': '张三'},
                {'title': '登记日期', 'content': '2020-01-01'}
              ]
            }
          ]
        },
        {
          type: 'tab3',
          view: 'Tab3',
          contentList: [
            {
              'title': '项目基本信息',
              children: [
                {'title': '项目编号33333333333333', 'content': 'p123456789'}
              ]
            }
          ]
        },
        {
          type: 'tab4',
          view: 'Tab4',
          contentList: [
            {
              'title': '项目基本信息',
              children: [
                {'title': '项目编号4444444444444', 'content': 'p123456789'}
              ]
            }
          ]
        },
        {
          type: 'tab5',
          view: 'Tab5',
          contentList: [
            {
              'title': '项目基本信息',
              children: [
                {'title': '项目编号5555555555555555', 'content': 'p123456789'}
              ]
            }
          ]
        },
        {
          type: 'tab6',
          view: 'Tab6',
          contentList: [
            {
              'title': '项目基本信息',
              children: [
                {'title': '项目编号6666666', 'content': 'p123456789'}
              ]
            }
          ]
        }
      ]
    }
  },
  components: {
    TabBar,
    tabContent
  },
  // 初始化list
  created () {
    this.currentList = this.tabConent[0].contentList
  },
  methods: {
    getIndex (index) {
      this.currentIndex = index
      this.currentList = this.tabConent[index].contentList
    }
  }
}
</script>

<style lang='stylus' scoped>
  .md-tab-bar-item
    // font-size 20px
    color blue
</style>
